<template>
    <ul>
        <li v-for="(item, index) in arr" :key="index">{{ item }}</li>
    </ul>
    <button @click="fun">走一走</button>
</template>
<script setup>
import { reactive } from 'vue'
const arr = reactive(['帅哥', '美女', '程序猿'])
// 改变数组的顺序
const fun = () => {
    let temp = arr[0]
    arr.push(temp)
    arr.splice(0, 1) // 从索引为0的位置删除，删一个元素
}
</script>
<style scoped>
    
</style>